/* Reset */
body,div,section,article,header,nav,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img,form,fieldset,legend,input,button,textarea,blockquote,th,td,menu,figure,dir,sup{margin: 0;padding: 0;border: 0;outline:0;}h1,h2,h3,h4,h5,h6,th{font-weight:normal}q:before,q:after{content:''}address,cite,dfn,em,var{font-style:normal;}img{border:0; display:block;}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}textarea{overflow:auto}a{text-decoration:none}:focus{outline:0}a,.hand{cursor:pointer}
ul li{ list-style-type:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input:focus{ outline:none;}
input[type="button"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
button,
textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="checkbox"]{ border:#c8c8c8 1px solid; border-radius:0; background:#FFF;}
input[type="radio"]{border:#c8c8c8 1px solid;background:#ccc;}
/* Public */
    html{ height:100%;}
	body{
		color:#333438;
		height:100%;
		font-size:12px;
		line-height:1.5;
		-webkit-font-smoothing: antialiased;		/* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;				/* Fix for webkit minFont size */
		-webkit-tap-highlight-color	:rgba(0,0,0,0);	/* Remove highlight on tap event*/
		-moz-tap-highlight-color	:rgba(0,0,0,0);
		-ms-tap-highlight-color		:rgba(0,0,0,0);
		-o-tap-highlight-color		:rgba(0,0,0,0);
		tap-highlight-color			:rgba(0,0,0,0);
		font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,sans-serif;
		background:#f3f4f8;
		-webkit-text-size-adjust:none;
		}
	a{color:#333438;}
/* Font */
	.fsi{font-style:italic}				/*斜体*/
	.fwb{font-weight:bold}				/*加粗*/
	.fs1{font-size:14px !important;}				
	.fs2{font-size:16px !important;}
	.fs3{font-size:18px !important;}
	.fs4{font-size:24px !important;}
	.fs5{font-size:30px !important;}
	.fs{font-size:12px !important}					/*默认大小*/
	.ch{ font-family:"宋体";}			/*宋体*/
	.en{ font-family:Arial;}			/*英文字体*/
	.c1{color:#ccc !important;}					/*浅灰色*/
	.c2{color:#999 !important;}					/*深灰色*/
	.c3{color:#666 !important;}					/*灰色*/
	.c5{color:#ee175d !important;}
	.red{ color:#d30830 !important;}				/*红色*/
	.white{ color:#FFF;}				/*白色*/
	.black{ color:#000 !important;}				/*黑色*/
	.green{ color:#2ec225 !important;}				/*绿色*/
	.yellow{ color:#fcff15;}			/*黄色*/
	.blue{color:#0a90e2;}				/*蓝色*/
	.tdu{text-decoration:underline}		/*下划线文字*/
	.tdl{ text-decoration:line-through;}/*中划线文字*/
/* COMMON */
	.fl{float:left}.fr{float:right}
	.pa{position:absolute}.pr{position:relative}
	.tal{text-align:left !important}.tar{text-align:right !important}.tac{text-align:center !important}.vam{ vertical-align:middle;}
	.clearfix:before, .clearfix:after { content:""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
	.clearfix:after {clear:both;}  
	/* IE 6/7 */  
	.clearfix { *zoom: 1; } 
	.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width:0;height:0;}
	.icon{
		background-image:url(../images/icon.png);
		background-repeat:no-repeat;
		-webkit-background-size:300px 300px;
		        background-size:300px 300px;
		}
	.ico16{ width:16px !important; height:16px !important; display:block;}
	.ico18{ width:18px; height:18px; display:block;}
	.ico20{ width:20px; height:20px; display:block;}
	.ico24{ width:24px; height:24px; display:block;}
	.box-sizing{
		-webkit-box-sizing:border-box;
			    box-sizing:border-box;
		}
	
	.btn{ 
		height:28px;
		line-height:26px;
		padding:0 10px;
		background:#ee175d;
		text-align:center;
		color:#FFF;
		font-size:14px;
		cursor:pointer;
		display:inline-block;
		border:#e23552 1px solid;
		-webkit-border-radius:3px;
		        border-radius:3px;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}
	.btn:hover{ color:#fff; border-color:#cb003d; background:#cb003d;}
	.btn.fail{ background:#ccc; border-color:#CCC;}
	.btn.cancel{ height:40px; line-height:40px; border-color:#b5b5b5; background:#b5b5b5; font-size:18px; display:block;}
	.btn.bgrey{ border-color:#e8e8e8; background:#e8e8e8; color:#333;}
	.btn.Large{ width:100%; height:40px; font-size:18px; line-height:38px;}
	.btn.bgreen{ background:#2ec225; border-color:#2ec225;}
	.btn.bgf{ border-color:#dfdfdf; background:#FFF; color:#666;}
	.btn.bwhite{ border-color:#fff; background:none; color:#fff;}
	.btn.bred{ border:#ee175d 1px solid; background:#FFF; color:#ee175d;}
	.btn.fail{ border:#ccc 1px solid; background:#ccc; color:#fff;}
	.input-txt{
		width:100%;
		height:40px;
		line-height:20px;
		border:#ddd 1px solid;
		padding:10px; 
		background:#FFF;
		font-size:13px;
		color:#999;
		display:inline-block;
		vertical-align:middle;
		-webkit-border-radius:3px;
			    border-radius:3px;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
			}
	
	.layer-bg{
		 width:100%;
		 height:100%;
		 background:rgba(0,0,0,0.75); 
		 position:fixed;
		 z-index:1000;
		 left:0px;
		 top:0px;
		 visibility:hidden;
		 opactiy:0;
		 -webkit-transition:all 0.3s ease-in-out;
				 transition:all 0.3s ease-in-out;
		 }
	.layer-bg.active{visibility:visible; opactiy:1;}
	.layer{
		width:90%;
		background:#FFF;
		visibility:hidden;
		opacity:0;
		position:fixed;
		left:5%;
		top:50%;
		z-index:1003;
		-webkit-transform:translateY(-50%) scale(0.5,0.5);
		        transform:translateY(-50%) scale(0.5,0.5);
		-webkit-border-radius:8px;
		        border-radius:8px;
		-webkit-transition:all 0.3s ease-in-out;
				transition:all 0.3s ease-in-out;
				}
	.layer.active{
		opacity:1;
		visibility:visible;
		-webkit-transform:translateY(-50%) scale(1.0,1.0);
		        transform:translateY(-50%) scale(1.0,1.0);
		}
	.layer .title{height:44px; line-height:44px; position:relative;}
	.layer .title:before{
		width:100%;
		height:1px;
		position:absolute;
		left:0;
		bottom:0;
		background:#dadade;
		content:'';
		font-size:0;
		}
	.layer .title .name{display:block; float:left; font-size:15px; font-weight:bold; color:#333; margin-left:15px;}
	.layer .title .close-btn{width:16px; height:16px; float:right; padding:12px 15px; display:block; cursor:pointer;}
	.layer .title .close-btn .icon-close{ font-size:16px; color:#c8c8c8; line-height:1; display:block;}
	.layer .text-box{ padding:15px; font-size:13px; line-height:22px;}
	.layer-bot{
		overflow: hidden;
		background:#FFF;
		position:relative;
		-webkit-border-radius:0 0 8px 8px;
		        border-radius:0 0 8px 8px;
		}
	.layer-bot:before{
		width:100%;
		height:1px;
		position:absolute;
		left:0;
		top:0;
		background:#dadade;
		content:'';
		font-size:0;
		}
	.layer-bot .btns{
		width:50%;
		font-size:15px;
		color:#007aff;
		display:block;
		height:44px;
		line-height:44px;
		float:left;
		background:none;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
		}
	.layer-bot .btns.br-line{ border-right:#dadade 1px solid;}
	.b-grey{ background:#eeeeef !important;}
	.blayer{
		background:#FFF;
		width:100%;
		position:fixed;
		left:0px;
		bottom:0;
		z-index:1003;
		visibility:hidden;
		opacity:0;
		-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.5);
		        box-shadow:0px 1px 10px rgba(0,0,0,0.5);
		-webkit-transform:translateY(100%);
		        transform:translateY(100%);
		-webkit-transition:all 0.3s ease-in-out;
				transition:all 0.3s ease-in-out;
	}
	.blayer.active{
		visibility: visible;
		opacity:1;
		-webkit-transform:translateY(0);
		        transform:translateY(0);
				}
	.blayer .opn{margin:20px 10px 10px;}
	.share-list li{ width:25%; text-align:center; float:left; margin-top:20px;}
	.share-list.pb20{ padding-bottom:20px;}
	.share-list li .imgbox{display:block; width:50%; margin:0 auto;}
	.share-list li p{ line-height:1; margin-top:8px;}
	
	.upload-avatar .item{ background:#fefefe;}
	.upload-avatar .bline{border-bottom:#d7d7d8 1px solid;}
	.upload-avatar .mt-6{ margin-top:6px;}
	.upload-avatar .ua-btn{
		width:100%;
		height:48px;
		display:block;
		background:#FFF;
		text-align:center;
		font-size:18px;
		color:#000;
		border:none;
		-webkit-border-radius:0px;
		        border-radius:0px;
		}

.space{ padding-left:1em;}
.spacep{ padding-left:0.5em;}
.space2{ padding-left:2em;}
.imgbox{ font-size:0; line-height:0; display:block;}
.imgbox img{ width:100%;}
.br-p{
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
	    -ms-border-radius:100%;
	     -o-border-radius:100%;
	        border-radius:100%;
	}

.tap{display:block; position:relative;}
.mt10{ margin-top:10px !important;}
.mb10{ margin-bottom:10px !important;}
.m10{ margin:10px !important;}
.mt0{ margin-top:0px !important;}
.mb0{ margin-bottom:0px !important;}
.plr10{ padding:0 10px !important;}
.ptb10{ padding:10px 0 !important;}
.p10{ padding:10px !important;}
.pl0{ padding-left:0 !important;}
.pb0{ padding-bottom:0 !important;}
.b-g-n{ background:none !important;}
.b-b-n{ border-bottom:none !important;}

.ico-check{
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	display:block;
	border:#dfdfdf 1px solid;
	background:#FFF;
	-webkit-border-radius:100%;
	        border-radius:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	}
.ico-check input{ visibility: hidden; width:0; height:0;}
.ico-check.active{ background:#2ec225; border-color:#2ec225; position:relative;}
.ico-check.active:after{
	content:"#";
	font-size:0px;
	width:4px;
	height:8px;
	display: block;
	position:absolute;
	left:50%;
	margin-left:-3px;
	top:50%;
	margin-top:-6px;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	}

.on-off{
	width:48px;
	height:28px;
	position:relative;
	display:block;
	border:#e6e6e6 1.5px solid;
	background:#FFF;
	-webkit-border-radius:15.5px;
	        border-radius:15.5px;
	-webkit-transition:all 0.2s ease-in;
	        transition:all 0.2s ease-in;
	}
.on-off.active{ background:#0ba01e; border-color:#0ba01e;}
.on-off .bun{
	width:26px;
	height:26px;
	position:absolute; 
	left:0;
	top:0;
	display:block;
	background:#FFF;
	border:#e1e1e1 1px solid;
	-webkit-border-radius:100%;
	        border-radius:100%;
	-webkit-box-shadow:0px 3px 0 rgba(0,0,0,0.1);
	        box-shadow:0px 3px 0 rgba(0,0,0,0.1);
	-webkit-transition:all 0.2s ease-in;
	        transition:all 0.2s ease-in;
	}
.on-off.active .bun{
	border-color:#fff;
	-webkit-transform:translate(20px,0);
	        transform:translate(20px,0);
	}
.shadow{
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	        box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	}
.exit-opn{ margin:20px 20px 10px;}
.icon-16{ width:16px; height:16px; display:block;}
.icon-18{ width:18px; height:18px; display:block;}
.icon-20{ width:20px; height:20px; display:block;}
.icon-24{ width:24px; height:24px; display:block;}

.search{
	background:#f3f4f8;
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	bottom:0;
	z-index:991;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(100%);
		  transform:translateY(100%);
	-webkit-transition:all 0.3s ease-in-out;
		  transition:all 0.3s ease-in-out;
	}
.search.active{
		visibility: visible;
		opacity:1;
		-webkit-transform:translateY(0);
		        transform:translateY(0);
				}
.search-box{ height:34px; background:#f8f8f8; position:relative; padding:5px 48px 4px 10px; border-bottom:#bfbfbf 1px solid;}
.search .cancel{width:48px; height:44px; line-height:44px; display:block; text-align:center; font-size:14px; color:#85878a; position:absolute; right:0px; top:0px;}
.search-box .input-box{
	height:32px;
	background:#FFF;
	padding-left:36px;
	position:relative;
	border:#c0c0c0 1px solid;
	-webkit-border-radius:3px;
	        border-radius:3px;
	}
.search-box .icon-search{ position:absolute; left:10px; top:50%; margin-top:-8px; background-position:-40px -180px;}
.search-box .txt{
	width:100%;
	height:32px;
	color:#c7c7cd;
	line-height:32px;
	font-size:14px;
	-webkit-border-radius:3px;
	        border-radius:3px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	}
.s-hot{ margin:10px;}
.s-hot-title{ font-size:18px; font-weight:bold; line-height:30px; height:30px;}
.s-hot-list li{ float:left; margin:10px 10px 0 0;}
.s-hot-list li a{
	height:24px;
	line-height:24px;
	padding:0 10px;
	color:#686868;
	border:#dbd8d8 1px solid;
	background:#FFF;
	display:block;
	-webkit-border-radius:30px;
	        border-radius:30px;
	}

@media all and (min-width:360px){
	.btn.Large{height:44px; line-height:42px;}
	}

@media all and (min-width:375px){

	}
	
@media all and (min-width:414px){
	.btn.Large{ height:46px; line-height:44px;}

	}






























